@wine-red: #D50000;
@flag-blue: #09abff;
@flag-green: #31d79e;
@btn-orange: #f8b62d;

.delivery-card{
    padding: 0.12rem 0.1rem 0.08rem 0.1rem;
    background:#fff;
    position:relative;
    .delivery-card__title{ 
        line-height: 0.14rem;
        font-size:14px;
        color: #666;
        .delivery-card__title_icon {
            position:absolute;
            top: 0;
            right:0.15rem;
            font-size:12px;
            height:51px;
            width:20px;
            line-height: 14px;
            text-align:center;
            color: #fff;
            &.flag-blue {
                background: @flag-blue;
            }
            &.flag-green {
                background: @flag-green;
            }
            &.flag-grey {
                background: #999;
            }
            background:@wine-red;
            span.icon {
                display: inline-block;
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #fff;
            }
        }
        .delivery-card__title_order {
            .label, .span {
                display: inline-block;
            }
        }
    }
    .delivery-card__content {
        padding: 0.14rem 0.3rem 0.15rem 0.3rem;
        .delivery-card__content_order {
            display: flex;
            &.detail {
                margin: 0.07rem 0;
            }
        }
        .delivery-card__content_order_from, .delivery-card__content_order_status {
            display: inline-block;
        }
        .delivery-card__content_order_from {
            width: 1.2rem;
            .city {
                text-align:center;
                font-size: 14px;
                color:#666;
            }
            .name {
                text-align:center;
                font-size: 16px;
                color: #333;
            }
        }
        .delivery-card__content_order_status {
            width:0.5rem;
            display: flex;
            justify-content: center;
            .icon-right {
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }
    .delivery-card__operation {
        border-top: 1px solid #ccc;
        .delivery-card__operation_log {
            width: 2.73rem;
            display: inline-block;
            padding-top: 0.05rem;
            .time {
                color:#999;
                font-size:10px;
            }
        }
        .delivery-card__operation_oper {
            display: inline-block;
            width: 70px;
            text-align:center;
            height: 30px;
            border-radius: 2px;
            vertical-align: top;
            margin-top:0.07rem;
            font-size:12px;
            padding: 5px 5px;
            color: #fff;
            &.btn-pay {
                background:@btn-orange;
                color:#fff;
            }
            &.btn-evalute {
                color: @btn-orange;
                border: 1px solid @btn-orange;
            }
            &.btn-grey {
                color: #999;
                border: 1px solid #999
            }
        }
    }
}